{% extends "base.html" %}
{% load bootstrap_toolkit %}
{% load i18n %}
{% block extra_head %}
    {{ form.media }}
    <script>
    $(function() {
    	$("#id_username").focus();
    });
    </script>
{% endblock %}
{% block content %}
<h2>{% trans "Planner login"%}</h2>
<hr/>
{% if form.errors %}
<p>{% trans "Your username and password didn't match. Please try again." %}</p>
{% endif %}

<form method="post" action="">
{% csrf_token %}
<table>
<tr>
    <td>{{ form.username.label_tag|as_bootstrap }}</td>
    <td>{{ form.username|as_bootstrap  }}</td>
</tr>
<tr>
    <td>{{ form.password.label_tag|as_bootstrap }}</td>
    <td>{{ form.password|as_bootstrap  }}</td>
</tr>
</table>

<input type="submit" value='{% trans "Login" %}' class="btn btn-primary"/>
<input type="hidden" name="next" value="{{ next }}" />
</form>

{% endblock %}